<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>商品评论</title>
    <link rel="stylesheet" href="../">
</head>
<script src="../utils/flexible.js"></script>

<body>
    <!--头部-->
    <header id="header">
        <div class="header-logo">
            <a href="index.html">
                <img src="../images/header_logo.png" alt="" />
            </a>
        </div>
        <div class="header-app">
            <a href="">
                <img src="../images/header_app.png" alt="" />
            </a>
        </div>
    </header>
    <!--搜索-->
    <section id="search">
        <span></span>
        <div class="search-input">
            <input type="search" name="" id="" placeholder="请输入你想比价的商品" />
        </div>
        <div class="search-button">
            <button>搜索</button>
        </div>
        <span></span>
    </section>

    <!-- 导航 -->
    <div id="shopNav">
        <a href="index.html">首页&gt;&nbsp;</a>
        <a href="brandTitle.html">全部分类&gt;&nbsp;</a>
        <a href="" id="shopNavTitle">三星屏幕&gt;</a>
        <span>筛选</span>
    </div>

    <!--商品推荐-->
    <section id="recommen">
        <div class="recommen-main">

            <div class="recommen-img">

                <ul class="recImg">
                    <!-- <li>${res.productImg}</li>
                    <li>${res.productName}</li>
                    <li>
                        <span>当前最低&nbsp;￥7777</span>
                        <span>优选评论&nbsp;9999</span>
                    </li>
                    <li>
                        ${res.bjShop}
                    </li> -->
                </ul>

            </div>

            <p class="comment">网友评价</p>

            <div class="recommen-main-content">

                <!-- <ul class="commentList">
                    <li>
                        <span>xxx</span>
                        <span>2021-10-1</span>
                    </li>
                    <li>
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                        暗流染发暗流染发暗流染发
                    </li>
                    <li>购买自xx</li>
                </ul> -->

            </div>
        </div>

        </div>
        </div>

        <div class="recommen-buttom">
            <a href="">
                <span>查看更多评价 >></span>
            </a>
        </div>
    </section>
    <!--底部-->
    <section id="footer">
        <div class="footer-top">
            <p>
                <span>品牌排行</span>
                <span>&gt;</span>
            </p>
        </div>
        <div class="footer-main">
            <span> 登录 </span>
            <span> 注册 </span>
            <span id="button-top"> 返回顶部 </span>
        </div>
        <div class="footer-buttom">
            <p>
                <span>手机app下载</span>
                <span>慢慢买手机版--</span>
                <span>掌上比价平台</span>
            </p>
            <p>m.maimaibuy.com</p>
        </div>
    </section>

    <!--js文件 注意引入的依赖关系-->
</body>

</html>
<script src="../js/ajax.js"></script>
<script src="../js/animate.js"></script>
<script src="../js/productlist.js"></script>